<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/load.js"></script>
    <link rel="stylesheet" href="../css/common.css">

</head>
<!--<script>-->
<!--    $(function () {-->
<!--        $('#top').load('top.html');-->
<!--        $('#foot').load('foot.html');-->
<!--    })-->
<!--</script>-->
<body class="body">
<!--<div style="display: flex; flex-direction: column-reverse">-->
<!--    <div>a</div>-->
<!--    <div>b</div>-->
<!--    <div>c</div>-->
<!--</div>-->
<div class="content">
    <!--ctrl+alt+l-->
   <div id="top"></div>
    <div class="middle">
        <div>
            <div>
                <div class="title">较新动态</div>
                <div class="border-top news">
                    <div><img src="../img/m331.jpg" height="190" width="268"/></div>
                    <div>
                        <div>
                            <div class="font-title single-over">日本较大抹茶餐饮-
                                叶和茶登陆上海
                            </div>
                            <div class="font-content single-over">日本较大的抹茶餐饮连锁正式登陆上海,其中
                            </div>
                        </div>
                        <div>
                            <div class="single-over">日本较大抹茶餐饮-
                                叶和茶登陆上海
                            </div>
                            <div class="single-over">日本较大的抹茶餐饮连锁正式登陆上海,其中
                            </div>
                        </div>
                        <div>
                            <div class="single-over">日本较大抹茶餐饮-
                                叶和茶登陆上海
                            </div>
                            <div class="single-over">日本较大的抹茶餐饮连锁正式登陆上海,其中
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="title">产品展示</div>
                <div class="border-top product">
                    <div>
                        <div><img src="../img/duojiaoouding.jpg" height="300" width="300"/></div>
                        <div class="font-title single-over">剁椒藕丁</div>
                        <div class="font-content single-over">原料：跺脚，藕丁，清油，盐</div>
                    </div>
                    <div>
                        <div><img src="../img/duojiaoouding.jpg" height="300" width="300"/></div>
                        <div class="font-title single-over" title="剁椒藕丁剁椒藕丁剁椒藕丁剁椒藕丁剁椒藕丁">剁椒藕丁剁椒藕丁剁椒藕丁剁椒藕丁剁椒藕丁</div>
                        <div class="font-content single-over">原料：跺脚，藕丁，清油，盐</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--    <div class="menu">-->
    <!--        <div>-->
    <!--            <div>衣服鞋帽</div>-->
    <!--            <div class="erji">-->
    <!--                <div>衣服</div>-->
    <!--                <div>鞋帽</div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--        <div>-->
    <!--            <div>衣服鞋帽</div>-->
    <!--            <div class="erji">-->
    <!--                <div>衣服</div>-->
    <!--                <div>鞋帽</div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--        <div>-->
    <!--            <div>衣服鞋帽</div>-->
    <!--            <div class="erji">-->
    <!--                <div>衣服</div>-->
    <!--                <div>鞋帽</div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
   <div id="foot"></div>

</div>

</body>
</html>
